<template>
	<view class="page_box">
		<ul class="page_list">
			<li>
				<text>报告日期</text>
				<text>2019-08-22</text>
			</li>
			
			<view class="textarea">
				<text class="titFin">工作总结</text>
			<textarea name="" id="" cols="100" rows="150" placeholder="请输入工作总结"></textarea>
			</view>
		</ul>
		<ul class="page_list">
			<li>
				<text>上传附件</text>
				<text>选择附件</text>
			</li>
			<li>
				<text>批阅人员</text>
				<view class="aa_box">
					<image src="../../../static/user.png" mode="" class="loho"></image>
					<text>赵小刚</text>
				</view>
			</li>
			</ul>
			<view class="bottom_user">
				<text class="aaa">抄送人员</text>
				<view class="bottom_user_top">
					<image src="../../../static/user.png" mode=""></image>
					<image src="../../../static/user.png" mode=""></image>
					<image src="../../../static/user.png" mode=""></image>
					<image src="../../../static/user.png" mode=""></image>
					<image src="../../../static/geng.png" mode="" @click="jumpChooseUser"></image>
				</view>
				<view class="bottom_user_bottom">
					<text>赵小刚</text>
					<text>周小明</text>
					<text>郭小涛</text>
					<text>张小伟</text>
					<text @click="jumpChooseUser">更多</text>
				</view>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jumpChooseUser(){
				uni.navigateTo({
					url:"/pages/my/chooseUser/chooseUser"
				})
			}
		}
	}
</script>

<style>
	.bottom_user_bottom>text{
		width: 45px;
		height: 45px;
		margin-left: 20px;
		margin-top: 10px;
		font-size:12px;
		color: #666666;
		text-align: center;
	}
	.bottom_user_bottom{
		display: flex;
		align-items: center;
	}
	.aaa{
		font-size:13px;
		color: #666666;
	}
	.bottom_user_top>image{
		width: 45px;
		height: 45px;
		margin-left: 20px;
		margin-top: 10px;
	}
	.bottom_user_top{
		display: flex;
		align-items: center;
	}
	.bottom_user{
		width: 100%;
		height: 130px;
		background-color: white;
		margin-top: 20px;
	}
	.aa_box{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.aa_box>text{
		height: 28px;
	}
	.loho{
		margin-right: 8px;
		width: 28px;
		height: 28px;
		margin-top: 15px;
	}
	.page_list{
		margin-top: 25px;
	}
	.titFin{
		margin-left: 25px;
		/* margin-top: 50px; */
		line-height: 50px;
	}
	.textarea{
		width: 100%;
		height: 250px;
		background-color: white;
		margin-top: 3px;
	}
	.page_list>li>text{
		margin: 8px;
	}
	.page_list>li{
	height: 50px;
	width: 100vw;
	line-height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	font-size:14px;
	color: #666666;
	margin-top: 3px;
	}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.page_box{
	background-color:rgba(242, 242, 242, 0.5);
}
</style>
